/*
 * @Description: 订单状态组件
 * @Author: buwei.huang
 * @Date: 2019-07-10 10:30:32
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-08-15 17:52:54
 */
<template>
  <div class="of_status flex-v flex-vc">
    <span class="of_status_span">
      {{dataInfo.stateDesc}}
    </span>
    <span>
      {{dataInfo.stateDetailDesc}}
    </span>
  </div>
</template>
<script>
export default {
  props: {
    dataInfo: {
      type: Object,
      default: null
    }
  },
  data() {
    return {
      STATE_AWAIT: '2' // 待提交
    }
  },
  computed: {
  }
}
</script>
<style>
.of_status {
  padding-top: 16px;
}
.of_status .of_status_span {
  font-size: 23px; /* no */
  color: #fff;
  font-weight: 500;
  line-height: 56px;
  margin-bottom: 8px;
}
.of_status > span:nth-of-type(2) {
  font-size: 16px; /* no */
  color: #fff;
  line-height: 44px;
  display: inline-block;
  width: 440px;
  text-align: center;
  height: 88px;
}
</style>
